<template>
	<view class="express-delivery">
		<view class="header">
			<view class="header-left">
				
			</view>
			<view class="header-right">
				<view class="">
					<text>物流公司：</text><text>{{records.companyName}}</text>
				</view>
				<view class="">
					<text>运单编号：</text><text>{{records.dvyFlowId}}</text>
				</view>
			</view>
		</view>
		<view class="foot" v-if="records.data.length>0">
			<image src="../../static/images/icon/dot.png" style="width: 16px;height: 16px;"></image>
			<text>{{records.data[0].context}}</text>
			<view class="">
				{{records.data[0].time}}
			</view>
		</view>
	</view>
</template>

<script>
	var http = require("../../utils/http");
	export default {
		data() {
			return {
				records:{
					data:[]
				}
					
				
			}
		},
		onLoad(option) {
			http.request({
				url: "/delivery/check",
				method: "get",
				data: {
					orderNumber:option.orderNumber
				},
				callBack: res => {
					this.records = res
					// console.log(this.swiperList, "232431");
				}
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.express-delivery{
		height: 100vh;
		background-color: #fff;
		padding: 10px;
		.header{
			display: flex;
			// justify-content: space-between;
			margin: 20px 0;
			.header-left{
				width: 70px;
				height: 70px;
				margin-right: 20px;
			}
			.header-right{
				
			}
		}
		.foot{
			view{
				margin-left: 20px;
			}
		}
		
	}
</style>
